.menu {
	/* padding: px2rem(40px) px2rem(90px) 0 px2rem(90px); */
	flex: 1;
	width: 100%;
	height: 100%;
	font-size: 28upx;
	overflow: auto;
float:left;
	.menu-list:after{
			
			    content: '';
			    width: 32%;
			    border:1px solid transparent;
		}
	.menu-list {
	width: 100%;
	height: 100%;
	display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		float: left;
		overflow:scroll;
		.menu-item {
			// display: flex;
			float: left;
			margin-top: 5upx;
			justify-content: space-between;
			padding-bottom: 20upx;
			margin-bottom: 20upx;
			width: 32%;
			overflow: hidden;
			box-sizing: border-box;
			padding: 10upx 10upx;
			margin-left: 1%;
			border-radius: 5px;
			box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
			height: 150upx;
			// background: #007AFF;
			display: flex;
			flex-direction: row;
							
			/* margin-bottom: px2rem(40px);
			@include menuList(); */
			
			.imgBox {
				width: 130upx;
				height: 130upx;
				flex: none;
				image,img {
					display: block;
					width: 100%;
					height: 100%;
				}
			}

			.menuText {
				flex: 1;
				width: calc(100% - 150upx);
				display: flex;
				flex-direction: column;

				> view {
					font-size: 18px;
					text-align: right;
					line-height: 25px;
					/* margin-bottom: px2rem(10px); */
				}

				.name {
					overflow: hidden;
					text-align: left;
					height: 50px;
					padding: 0 5upx;
					word-break: break-all;
					text-overflow: ellipsis;
					display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
					-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
					-webkit-line-clamp: 2; /** 显示的行数 **/
					overflow: hidden;  /** 隐藏超出的内容 **/
					color: #333333;
					flex: none;
				}

				.price {
					color: #EF2F34;
					flex: none;
				}

				.note {
					/* font-size: px2rem(30px); */
					flex: 1;
					text-align: center;
					/* border-radius: px2rem(22px); */
					color: #fff;
					/* line-height: px2rem(50px); */
				}

				.count {
					flex: none;
					display: flex;
					justify-content: flex-end;
					align-items: center;

					.minus {
						width: 30upx;
						height: 30upx;
						background: url('../../static/images/minus-btn.png') no-repeat center;
						background-size: cover;
						border-radius: 50%;
					}

					.number {
						/* font-size: px2rem(50px);
						margin: 0 px2rem(20px); */
						width:50upx;
						text-align: center;
					}

					.plus {
						width: 30upx;
						height: 30upx;
						background: url('../../static/images/plus-btn.png') no-repeat center;
						background-size: cover;
						border-radius: 50%;
					}
					.minus:active,.plus:active{
						
						transform:scale(0.9);
						       -ms-transform:rotate(0.9); 	/* IE 9 */
						       -moz-transform:rotate(0.9); 	/* Firefox */
						       -webkit-transform:rotate(0.9); /* Safari 和 Chrome */
						       -o-transform:rotate(0.9); 	/* Opera */
					}
				}
			}
			
		}
	}
}
